<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">
<head>
<title>Okhati</title>
<meta name="viewport" content="width=device-width" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<link href='http://fonts.googleapis.com/css?family=Simonetta' rel='stylesheet' type='text/css'>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
	/* Show popin */
	function showPopin(){
		$("#darkpopin").fadeIn("slow");
		var hei = ($("#darkpopin").height())*0.8;
		if($("#popincontent").height() > hei)
			$("#popincontent").css("height",hei-10+"px");
	}
</script>
</head>
<body>
	<div id="wrapper">
		<div id="oheader">
			<a id="titlelink" href="/" title="Okhati Home"></a>
			<div id="headlogo">
				<img src="images/okhati-logo-usb-syringe.gif" alt="Okhati Logo" />
				<h1>Okhati</h1>
			</div>
			<div id="headmenu" >
				<ul>
					<li><a href="javascript:void()" onclick="showPopin()">Login</a></li>
					<li><a href="javascript:void()">Logout</a></li>
					<li><a href="javascript:void()">Dummy</a></li>
					<li class="submenu"><a href="javascript:void()">Projects</a>
						<ul class="sublist">
							<li><a href="javascript:void()">Project1</a></li>
							<li><a href="javascript:void()">Project2</a></li>
							<li><a href="javascript:void()">Project3</a></li>
							<li><a href="javascript:void()">Project4</a></li>
						</ul>
					</li>
					<li class="submenu"><a href="javascript:void()">About</a>
						<ul class="sublist">
							<li><a href="javascript:void()">About1</a></li>
							<li><a href="javascript:void()">About2</a></li>
							<li><a href="javascript:void()">About3</a></li>
							<li><a href="javascript:void()">About4</a></li>
						</ul>
					</li>
				</ul>
			</div>
		</div>
		<div id="ocontent">
			<div id="bigspace">
				<div id="headsrch">
					<form method="post" action="javascript:void()">
						<input type="submit" name="srchsubmit" id="srchsubmit" value="Search" />
						<input type="text" name="searchqry" id="searchqry" />
					</form>
				</div>
				<div id="omap">
					<iframe width="100%" height="100%" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=hospitals+in+nepal&amp;draggable=0&amp;aq=&amp;sll=34.682768,-82.818427&amp;sspn=0.008999,0.021136&amp;ie=UTF8&amp;hq=hospitals&amp;hnear=Nepal&amp;t=m&amp;z=7&amp;fll=28.584522,85.023193&amp;fspn=4.919024,10.821533&amp;st=107543914754284128541&amp;rq=1&amp;ev=zo&amp;split=1&amp;ll=28.039504,84.635335&amp;spn=4.925325,10.821533&amp;output=embed"></iframe>
				</div>
			</div><!-- Main content area -->
			<div class="rcolumn">
				<div class="colbox">
					<h2>News Feed</h2>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elementum tincidunt arcu, et iaculis ligula blandit eu. Cras in felis id est vulputate pulvinar. Sed in libero et ante varius convallis. Integer consequat, enim vel placerat porta, enim lacus lacinia dolor, sed scelerisque erat libero sit amet augue.</p>
				</div>
				<div class="colbox">
					<h2>Ask A Doctor</h2>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elementum tincidunt arcu, et iaculis ligula blandit eu. Cras in felis id est vulputate pulvinar. Sed in libero et ante varius convallis. Integer consequat, enim vel placerat porta, enim lacus lacinia dolor, sed scelerisque erat libero sit amet augue.</p>
				</div>
			</div><!-- Right column -->
		</div>
	</div>
	<div id="darkpopin">
		<div id="popin">
			<div id="popinclose">
			</div>
			<div id="popincontent">
				<h3>Special Title</h3>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elementum tincidunt arcu, et iaculis ligula blandit eu. Cras in felis id est vulputate pulvinar. Sed in libero et ante varius convallis. Integer consequat, enim vel placerat porta, enim lacus lacinia dolor, sed scelerisque erat libero sit amet augue.</p>			
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elementum tincidunt arcu, et iaculis ligula blandit eu. Cras in felis id est vulputate pulvinar. Sed in libero et ante varius convallis. Integer consequat, enim vel placerat porta, enim lacus lacinia dolor, sed scelerisque erat libero sit amet augue.</p>			
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elementum tincidunt arcu, et iaculis ligula blandit eu. Cras in felis id est vulputate pulvinar. Sed in libero et ante varius convallis. Integer consequat, enim vel placerat porta, enim lacus lacinia dolor, sed scelerisque erat libero sit amet augue.</p>			
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elementum tincidunt arcu, et iaculis ligula blandit eu. Cras in felis id est vulputate pulvinar. Sed in libero et ante varius convallis. Integer consequat, enim vel placerat porta, enim lacus lacinia dolor, sed scelerisque erat libero sit amet augue.</p>			
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elementum tincidunt arcu, et iaculis ligula blandit eu. Cras in felis id est vulputate pulvinar. Sed in libero et ante varius convallis. Integer consequat, enim vel placerat porta, enim lacus lacinia dolor, sed scelerisque erat libero sit amet augue.</p>			
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elementum tincidunt arcu, et iaculis ligula blandit eu. Cras in felis id est vulputate pulvinar. Sed in libero et ante varius convallis. Integer consequat, enim vel placerat porta, enim lacus lacinia dolor, sed scelerisque erat libero sit amet augue.</p>			
			</div><!-- END OF POPINCONTENT -->
		</div><!-- END OF POPIN -->
	</div><!-- END OF DARKPOPIN -->
	<script type="text/javascript">
		/* Close popin */
		$("#popinclose").click(function(){
			 $("#darkpopin").fadeOut("slow");
		 });
		$("li").click(function(){
				$(".sublist").css("visibility","hidden");
				$(this).find(".sublist").css("visibility","visible");
		});
		$("li").mouseover(function(){
				$(".sublist").css("visibility","hidden");
				$(this).find(".sublist").css("visibility","visible");
		});
		$("#headmenu").mouseleave(function(){
			
				$(".sublist").css("visibility","hidden");
		});
	</script>
</body>
</html>
